<template>
  <div>
    <h1>用户-登录页面</h1>

    <table>
      <tr>
        <td>账号</td>
        <td>
          <input type="text" v-model="loginInfo.UserName" >
        </td>
      </tr>
      <tr>
        <td>密码</td>
        <td>
          <input type="password" v-model="loginInfo.UserPwd" >
        </td>
      </tr>
      <tr>
        <td></td>
        <td>
          <input type="button" value="登录" @click="login" >
        </td>
      </tr>
    </table>

  </div>
</template>

<script setup lang="ts">
    import router from '@/router';
import { useUserStors } from '@/stors/user';
  import axios from 'axios';
    import {reactive,toRefs} from 'vue'


    let data:any=reactive({
      loginInfo:{
        UserName:'',
        UserPwd:''
      }
    })

  
    let {loginInfo} =toRefs(data);
    
    const useStors=useUserStors();

    const login=()=>{

      if (JSON.stringify(useStors.userInfo)=="{}") {
        axios({
        url:'/api/User/Logins',
        method:'get',
        params:loginInfo.value
      }).then(res=>{
        if (res.data==-1) {
          alert('用户名不存在');
        }else  if (res.data==-2) {
          alert('密码错误');
        }
        else if (res.data!=null) {
          useStors.userInfo=res.data;
          axios({
            url:'/api/User/LoginType',
            method:'get',
            params:{
              id:useStors.userInfo.Uid
            }

          }).then(ref=>{
              
              useStors.userType=ref.data[0].RName;

              if (ref.data[0].RName=="管理员") {
                  alert('管理员登录');
                  router.push("/addUser")
              }
              else
              {
                  alert('普通用户登录');
                  router.push("/queryShow")
              }

          }).catch(err=>{

          })

        }else
        {
          alert('登录失败');

        }

      }).catch(err=>{

      })


      }
      else{
        alert('用户已经登录');
        if (useStors.userType=="管理员") {       
          router.push("/addUser")
        }
        else
        {
          router.push("/queryShow")
        }
        
      }


    
    }

    
</script>

<style scoped>

</style>